<div class="wrap">
  <!-- banner  -->
  <div class="index-banner" ng-init="bannerInit()">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <img src="images/banner.jpg" alt="">
      </div>
      <div class="swiper-slide">
        <img src="images/innerbanner.jpg" alt="">
      </div>
    </div>
    <div class="banner-pagination"></div>
  </div>

  <!-- 最新动态 -->
  <div class="index-news">
    <div class="title">
      <span class="f18">最新动态 / <em></em></span><span>Latest Update</span>
      <dl class="fr">
        <dd><i class="iconfont icon-wechat"></i></dd>
        <dd><i class="iconfont icon-zhi"></i></dd>
        <dd><i class="iconfont icon-weibo"></i></dd>
      </dl>
    </div>
    <ul class="list">
      <li ng-click="loopTo('resource/article-detail/1')">
        <div class="box" style="color:#fff;">
          <div class="pic"><img src="images/thumbnail12.jpg" alt=""></div>
          <p class="f16">新年聚餐：乳腺癌病人是否应该“闻鸡色变”？</p>
          <div class="f13 desc">无论是在门诊还是病房，您是不是都这样问过医护人员，是不是都曾被这个问题所困扰着，到底要不要吃，该怎么吃？今天我们来为您一一解答。</div>
        </div>
      </li>
      <li ng-click="loopTo('resource/article-detail/1')">
        <div class="box" style="background-color: #8fcbe5;color:#fff">
          <div class="pic"><img src="images/thumbnail13.jpg" alt=""></div>
          <p class="f16">刘大妈的疑惑：豆浆会不会诱发乳腺癌？</p>
          <div class="f13 desc">一大清早，刘大妈就冒着寒风出门，到家门口拐角处的小吃摊上买来了今天一大家子的早餐，品种不可谓不丰富，豆浆、油条、粢饭糕等应有尽有。睡眼惺忪的女儿看了说道：“妈，以后你别买豆浆了，我听我们单位同事说豆浆喝多了会生乳腺癌的。”</div>
        </div>
      </li>
      <li ng-click="loopTo('resource/article-detail/1')">
        <div class="box" style="background-color: #cde8f3">
          <div class="pic"><img src="images/thumbnail14.jpg" alt=""></div>
          <p class="f16">乳腺医院乳腺中心童一苇获得瑞金医院科普演讲一等奖</p>
          <div class="f13 desc">12月9号，瑞金医院上演了一场精彩的医学科普“争霸赛”，参赛者正是集智慧与颜值于一身的瑞金青年医生。在这场让观赛者直呼“燃爆了”的总决赛中，医师们是用“接地气”的语言来讲解深奥的医学知识的呢？小编马上来为你盘点一下这场科普大赛的吸睛亮点！</div>
        </div>
      </li>
    </ul>
  </div>

  <!-- express -->
  <ul class="index-express" ng-init="expressInit()">
    <li ng-repeat="express in express_list">
      <div class="block">
        <div class="icon" ng-class="{'light_bg':($index<4&&$index%2==0)||($index>=4&&$index%2==1)}">
          <i class="iconfont {{express.icon}}"></i>
        </div>
        <span ng-bind="express.title"></span>
      </div>
    </li>
  </ul>

  <!-- middle -->
  <div class="index-middle">
    <div class="left">
      <!-- 资源中心 -->
      <div class="newest" ng-init="newsInit()">
        <div class="title">
          <span class="f18">资源中心 / <em></em></span><span>Resource center</span>
          <a href="" class="fr f12" ng-click="loopTo('resource/center')">更多</a>
        </div>
        <div class="content">
          <div class="pic"><img src="images/thumbnail01.jpg" alt=""></div>
          <!-- <ul class="tab">
            <li ng-class="{'active':currentNews==1}" ng-click="currentNews=1"><span>科普知识</span><em></em></li>
            <li ng-class="{'active':currentNews==2}" ng-click="currentNews=2"><span>新闻动态</span><em></em></li>
          </ul> -->
          <ul class="list">
            <li ng-repeat="item in news_list" >
              <p ng-click="loopTo('resource/article-detail/1')"><em></em><i ng-bind="item.category"></i>{{item.title}}</p>
              <span ng-bind="item.time"></span>
            </li>
          </ul>
        </div>
      </div>
      <!-- 指导视频 -->
      <div class="video">
        <!-- <div class="title">
          <span class="f18">指导视频 / <em></em></span><span>Videos</span>
          <a href="" class="fr f12">更多</a>
        </div> -->
        <ul class="video_list">
          <li>
            <div class="box">
              <div class="pic"><img src="images/thumbnail02.jpg" alt=""></div>
              <p>对于乳腺纤维腺瘤，一般均主张应该手术治疗，切除肿瘤</p>
            </div>
          </li>
          <li>
            <div class="box">
              <div class="pic"><img src="images/thumbnail03.jpg" alt=""></div>
              <p>对于乳腺纤维腺瘤，一般均主张应该手术治疗，切除肿瘤</p>
            </div>
          </li>
          <li>
            <div class="box">
              <div class="pic"><img src="images/thumbnail04.jpg" alt=""></div>
              <p>对于乳腺纤维腺瘤，一般均主张应该手术治疗，切除肿瘤</p>
            </div>
          </li>
        </ul>
      </div>
    </div>

    <div class="right">
      <!-- 名医有约 -->
      <div class="block">
        <div class="title">
          <b>名医有约</b>
          <a href="" class="fr f12">更多</a>
        </div>
        <ul class="list">
          <li>
            <div class="avatar">
              <div class="pic"><img src="images/avatar01.jpg" alt=""></div>
              <p><span class="name">沈坤炜</span><span>主任医师</span></p>
              <p class="mt5">上海市瑞金医院乳腺中心</p>
            </div>
          </li>
          <li>
            <div class="avatar">
              <div class="pic"><img src="images/avatar02.jpg" alt=""></div>
              <p><span class="name">李亚芬</span><span>主任医师</span></p>
              <p class="mt5">上海市瑞金医院乳腺中心</p>
            </div>
          </li>
        </ul>
      </div>
      <!-- 名医讲堂 -->
      <div class="block">
        <div class="title">
          <b>名医讲堂</b>
          <a href="" class="fr f12">更多</a>
        </div>
        <ul class="list">
          <li>
            <div class="avatar">
              <div class="pic"><img src="images/avatar03.jpg" alt=""></div>
              <p><span class="name">陈小松</span><span>主任医师</span></p>
              <p class="mt5">上海市瑞金医院乳腺中心</p>
            </div>
            <p>话题：<em>话题话题话题话题话题话题话题话题</em></p>
          </li>
          <li>
            <div class="avatar">
              <div class="pic"><img src="images/avatar04.jpg" alt=""></div>
              <p><span class="name">陈伟国</span><span>主任医师</span></p>
              <p class="mt5">上海市瑞金医院乳腺中心</p>
            </div>
            <p>话题：<em>话题话题话题话题话题话题话题话题</em></p>
          </li>
        </ul>
      </div>
    </div>
  </div>

  <!-- 专业空间 -->
  <div class="index-profession">
    <div class="title">
      <span class="f18">专业空间 / <em></em></span><span>Professional space</span>
    </div>
    <ul class="space-list">
      <li>
        <div class="icon"><i class="iconfont icon-blfx"></i></div>
        <p>病例分享</p>
      </li>
      <li>
        <div class="icon"><i class="iconfont icon-znjd"></i></div>
        <p>指南解读</p>
      </li>
      <li>
        <div class="icon"><i class="iconfont icon-zxft"></i></div>
        <p>在线访谈</p>
      </li>
      <li>
        <div class="icon"><i class="iconfont icon-hydt"></i></div>
        <p>会议动态</p>
      </li>
    </ul>
  </div>

  <!-- 患者关爱 -->
  <div class="index-patient">
    <div class="title">
      <span class="f18">患者关爱 / <em></em></span><span>Patient Care</span>
    </div>
    <ul class="list">
      <li>
        <div class="pic"><img src="images/thumbnail05.jpg" alt=""></div>
        <p>线上互动</p>
      </li>
      <li>
        <div class="pic"><img src="images/thumbnail06.jpg" alt=""></div>
        <p>线下沙龙</p>
      </li>
      <li>
        <div class="pic"><img src="images/thumbnail07.jpg" alt=""></div>
        <p>公益活动</p>
      </li>
    </ul>
  </div>
</div>
